<template>
  <div>
    <van-nav-bar
      title="官方售后"
      left-text="返回"
      left-arrow
       class="navbar"
      @click-left="onClickLeft"
    />
    <van-tabs v-model="active">
      <van-tab title="退款中">
        <div class="myding">
      <div class="ka">
        <div>
          <img src="/img/015.png" alt="">
        </div>
        <div>
          <div>五台山预约票</div>
          <div class="wen">
            <div>
              ￥:100
            </div>
            <div class="zhifu">
              数量:1
            </div>
          </div>
        <div class="zhuangtai">
        <div>取消退款</div>
        <div>再次购买</div>
      </div>
        </div>      
      </div>
    
    </div>
      </van-tab>
      <van-tab title="已退款">
        <div class="myding">
      <div class="ka">
        <div>
          <img src="/img/015.png" alt="">
        </div>
        <div>
          <div>五台山预约票</div>
          <div class="wen">
            <div>
              ￥:100
            </div>
            <div class="zhifu">
              数量:1
            </div>
          </div>
        <div class="zhuangtai">
        <div>重新购买</div>
      </div>
        </div>      
      </div>
    
    </div>
      </van-tab>
    </van-tabs>

  </div>
</template>

<script>
import Myding from "@/components/Myding.vue";
export default {
  components: { Myding },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped src='../assets/css/myding.css'></style>
<style src="../assets/css/main.css"></style>
